<div class="at-RowItem" ng-class="{'at-RowItem--isHeader': headerValue, 'at-RowItem--inline': inline}"
    ng-show="status || headerValue || value || valueBindHtml || (smartStatus && smartStatus.summary_fields.recent_jobs.length) || (tagValues && tagValues.length)">
        <div class="at-RowItem-status" ng-if="status">
            <a
                ng-if="statusClick"
                ng-click="statusClick()"
                aria-label="{{ statusTip }}"
                aw-tool-tip="{{ statusTip }}"
                data-tip-watch="statusTip"
                data-placement="top"
            >
                <i class="fa icon-job-{{ status }}"></i>
            </a>
            <a
                ng-if="(headerLink || headerState) && !statusClick"
                ng-href="{{ headerLink }}"
                ui-sref="{{ headerState }}"
                aria-label="{{ statusTip }}"
                aw-tool-tip="{{ statusTip }}"
                data-tip-watch="statusTip"
                data-placement="top"
            >
                <i class="fa icon-job-{{ status }}"></i>
            </a>
            <div ng-if="!headerLink && !headerState && !statusClick"
                aw-tool-tip="{{ statusTip }}" data-tip-watch="statusTip"
                data-placement="top">
                    <i class="fa icon-job-{{ status }}"></i>
            </div>
        </div>
        <div class="at-RowItem-header" ng-if="headerValue && headerLink">
            <a ng-href="{{ headerLink }}">{{ headerValue }}</a>
        </div>
        <div class="at-RowItem-header" ng-if="headerValue && headerState">
            <a ui-sref="{{ headerState }}" >{{ headerValue }}</a>
        </div>
        <div class="at-RowItem-header" ng-if="headerValue && !headerLink && !headerState">
            {{ headerValue }}
        </div>
        <div class="at-RowItem-tag at-RowItem-tag--header" ng-if="headerTag">
            {{ headerTag }}
        </div>
        <div class="at-RowItem-tag at-RowItem-tag--secondary" ng-if="secondaryTag">
            {{ secondaryTag }}
        </div>
        <div class="at-RowItem-label" ng-if="labelValue && !labelLink && !labelState">
            {{ labelValue }}
        </div>
        <div class="at-RowItem-label" ng-if="labelValue && labelState">
            <a ui-sref="{{ labelState }}"  ui-sref-opts="{reload: true, notify: true, inherit: false}">{{ labelValue }}</a>
        </div>
        <div class="at-RowItem-value" ng-if="value && valueLink">
            <a ng-href="{{ valueLink }}">{{ value }}</a>
        </div>
        <div class="at-RowItem-value" ng-class="{'at-RowItem-badge': badge}" ng-if="value && !valueLink"
            ng-bind-html="value">
        </div>
        <div class="at-RowItem-value" ng-class="{'at-RowItem-badge': badge}" ng-if="valueBindHtml"
            ng-bind-html="valueBindHtml">
        </div>
        <aw-smart-status jobs="smartStatus.summary_fields.recent_jobs"
            template-type="smartStatus.type" ng-if="smartStatus">
        </aw-smart-status>
        <div class="at-RowItem-tagContainer" ng-if="tagValues && tagValues.length">
            <ng-transclude></ng-transclude>
        </div>
</div>
